<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <link href="../js/kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/main.css" rel="stylesheet" type="text/css" />

    <script src="../js/kendo/js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/kendo/js/kendo.mobile.min.js" type="text/javascript"></script>


</head>
<body>
 
  <div data-role="layout" data-id="main">
    <div data-role="header">
      <div data-role="navbar">
        <span data-role="view-title"></span>
        <a data-role="button" href="#appDrawer" data-rel="drawer" data-align="left" data-icon="drawer-button"></a>
      </div>
    </div>

    <!-- application views will be rendered here -->
    
  </div>

  <!-- application drawer and contents -->
  <div data-role="drawer" id="appDrawer" style="width: 270px" data-title="Navigation">
    <div data-role="header">
      <div data-role="navbar">
        <span data-role="view-title"></span>
      </div>
    </div>
    <ul data-role="listview">
      <li>
      <a href="views/home.html">views/home.html</a>
      </li>
      <li>
        <a href="views/settings.html">views/settings.html</a>
      </li>
      <li>
        <ahref="views/contacts.html">views/contacts.html</a>
      </li>
    </ul>
  </div>       

</body>
</html>
